@charset 'utf-8';

*{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.clearfix::after{
    content: '';
    display: block;
    clear: both;
}

.web{
   border: 4px solid #ffc569;
   border-bottom: none;
   position: absolute;
}

.plane-ticket{
    width: 377px;
    li{
        width: 188px;
        height: 48px;
        float: left;
        position: relative;
        h3{
            width: 100%;
            height: 100%;
            font-size: 14px;
            span{
                display: inline-block;
                height: 100%;
                text-align: right;
                margin-left: 82px;
                line-height: 48px;             
            }         
        }
    }
    li:first-of-type{
        background: url(../img/ic.png) no-repeat;
        background-position: 39px 16px;;
    }
    li:last-child{
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: url(../img/ic.png) no-repeat;
        background-position: -162px 14px;
    }
    .plane-form{
        width: 377px;
        height: 297px;
        position: absolute;
        top: 48px;
        left: -4px;
        border: 4px solid #ffc569;
        border-top: none;
        form{
            width: 100%;
            padding: 25px 30px;
            box-sizing: border-box;
            .item{
                margin: 0 auto;
                margin-bottom: 10px;
            }
            input[type="text"],input[type="date"]{
                border: 1px solid #ccc;
                padding: 8px;
                width: 200px;
                height: 14px;
                color: #333;
            }
            input[type="radio"]{  
                vertical-align: center;
                label{
                    vertical-align: top;
                }
            }
            
            input[type="radio"]:last-of-type{
                margin-left: 30px;
            }
            
            label{
                line-height: 30px;
                font-size: 12px;
                color: #666;
                vertical-align: center;
            }
        }
    }
}


.search-btn span{
    display: block;
    width: 152px;
    height: 35px;
    color: #fff;
    background: #ffb02a;
    border-bottom: 4px solid #ff9600;
    border-radius: 8px;
    text-align: center;
    font: 700 18px/35px 'Microsoft Yahei';
    position: relative;
    margin: 0 auto;
    z-index: 1;
    input{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: 10;
    }
}


.search-btn input[type="submit"]:hover{
    cursor: pointer;
}
